<!DOCTYPE html>
<html>
<head>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="statics/js/html5.js"></script>
    <![endif]-->
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>{$site_seo_title}</title>
    <meta name="keywords" content="{$site_seo_keywords}"/>
    <meta name="description" content="{$site_seo_description}"/>
    <tc_include file="Public:common_statics_file"/>
</head>
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
    <!--wrap-->
    <div class="wrap">
        <tc_include file="Public:header"/>
        <!--首页轮播图-->
        <div class="container-fluid pd0 k1">
            <div class="swiper-container" id="swiper1">
                <div class="swiper-wrapper">
                    <php>
                        $homeSlides=sp_getslide("index_banner",50);
                    </php>
                    <foreach name="homeSlides" item="vo">
                    <div class="swiper-slide">
                        <a href="{$vo.slide_url}" class="k1-a" target="_blank">
                            <img src="{:sp_get_asset_upload_path($vo['slide_pic'])}" alt="">
                            <div class="abs ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="2s">
                                <!--<div class="abs">-->
                                <!--<img class="center-block db" src="/statics/images/1-4.png" alt="">
                                <p class="fs40 mdf30 smf20 xsf14 corw text-center mgt10">{$vo.slide_name}</p>-->
                            </div>
                        </a>
                    </div>
                    </foreach>
                </div>
                <div class="swiper-pagination swiper-pagination1"><!--分页器--></div>
                <div class="swiper-button-next swiper_btnNext"></div>
                <div class="swiper-button-prev swiper_btnPrev"></div>
            </div>
        </div>
        <!--首页轮播图END-->
        <script>
            $(function () {
                var swiper1 = new Swiper('#swiper1', {
                    loop: true,
                    speed: 1300,
                    autoplay: {
                        delay: 2500,
                        disableOnInteraction: false,
                    },
                    on: {
                        init: function () {
                            swiperAnimateCache(this);
                            swiperAnimate(this);
                        },

                        slideChange: function () {
                            swiperAnimate(this);
                        }
                    },
                    pagination: {
                        el: '.swiper-pagination1',
                        clickable: true,
                    },
                    navigation: {
                        nextEl: '.swiper_btnNext',
                        prevEl: '.swiper_btnPrev',
                    },

                    observer: true,
                    observeParents: true
                });
                swiper1.el.onmouseover = function () {
                    swiper1.autoplay.stop();
                };
                swiper1.el.onmouseout = function () {
                    swiper1.autoplay.start();
                };
            });
        </script>

        <!--宣传片-->
        <div>
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 ovh pd0 mgt37 xsmgt10">
                        <foreach name="videoCategoryList" item="vo">
                            <a href="/video/{$vo.term_id}.html" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10" target="_blank"
                               aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                                <div class="k2-1 rel radius10">
                                    <img class="ww radius10" src="/data/upload/{$vo.pic}" alt="">
                                    <div class="abs">
                                        <div class="k2-2 abs">
                                            <p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">{$vo.name}</p>
                                            <p class="text-center center-block radius12 corw fs12">点击查看</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </foreach>
                        <php>$category1 = get_one_category(4);</php>
                        <a href="/list/{$category1.term_id}.html" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10" target="_blank" aos="fade-up"
                           aos-easing="ease-in-sine" aos-duration="1800">
                            <div class="k2-1 rel radius10">
                                <img class="ww radius10" src="/data/upload/{$category1.pic}" alt="">
                                <div class="abs">
                                    <div class="k2-2 abs">
                                        <p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">{$category1.name}</p>
                                        <p class="text-center center-block radius12 corw fs12">点击查看</p>
                                    </div>
                                </div>
                            </div>
                        </a>

                        <php>$category1 = get_one_category(5);</php>
                        <a href="/list/{$category1.term_id}.html" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10" target="_blank" aos="fade-up"
                           aos-easing="ease-in-sine" aos-duration="1800">
                            <div class="k2-1 rel radius10">
                                <img class="ww radius10" src="/data/upload/{$category1.pic}" alt="">
                                <div class="abs">
                                    <div class="k2-2 abs">
                                        <p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">{$category1.name}</p>
                                        <p class="text-center center-block radius12 corw fs12">点击查看</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <php>$category1 = get_one_category(6);</php>
                        <a href="/news.html" class="db pull-left k2 ww20 wwxs100 pdl10 pdr10 xsmgt10" target="_blank" aos="fade-up"
                           aos-easing="ease-in-sine" aos-duration="1800">
                            <div class="k2-1 rel radius10">
                                <img class="ww radius10" src="/data/upload/{$category1.pic}" alt="">
                                <div class="abs">
                                    <div class="k2-2 abs">
                                        <p class="fs28 mdf24 smf20 xsf16 corw text-center h30 lh30">{$category1.name}</p>
                                        <p class="text-center center-block radius12 corw fs12">点击查看</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!--宣传片END-->

        <!--热播视频-->
        <div class="mgt37 xsmgt10">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span
                            class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">热播视频</span>HOT BROADCAST VIDEO <a href="/video/hot.html"
                                                                                                            class="btn-a dinb pull-right ">查看更多</a>
                    </div>
                </div>
                <div class="row xsmgt10">
                    <php>$hotVideos = get_where_list('video',array('is_hot'=>1),8,'created_time desc,');</php>
                    <foreach name="hotVideos" item="vo">
                        <php>$pic = json_decode($vo['smeta'],true);</php>
                    <div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
                        <div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                            <div class="k3-1 rel">
                                <a href="/video/detail/{$vo.id}.html" target="_blank">
                                    <img src="{:sp_get_asset_upload_path($pic['thumb'])}" alt="{$vo.title}">
                                </a>
                                <div class="abs k3-1a"><img class="w9" src="/statics/images/3.png" alt=""></div>
                                <div class="abs k3-1b">{$vo.length}</div>
                            </div>
                            <div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
                                <p class="cor4">
                                    <a href="/video/detail/{$vo.id}.html" target="_blank">{$vo.title}</a></p>
                                </p>
                                <div class="mgt15 xsmgt10">
                                    <neq name="vo.tag" value="">
                                        <php>$tagArr = explode(',',$vo['tag']);</php>
                                        <foreach name="tagArr" item="vo">
                                            <a href="/video/tag/{$vo}" class="dinb k3-2a fs12 cor6 btnn" style="margin-right: 5px;">{$vo}</a>
                                        </foreach>
                                    </neq>
                                </div>
                            </div>
                        </div>
                    </div>
                    </foreach>
                </div>
            </div>
        </div>
        <!--热播视频END-->
        <php>
            $ad=sp_getslide("index_ad",1);
        </php>
        <foreach name="ad" item="vo">
        <div class="mgt30 xsmgt20" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
            <a href="{$vo.slide_url}" class="db hov8"><img class="ww db" src="{:sp_get_asset_upload_path($vo['slide_pic'])}" alt=""></a>
        </div>
        </foreach>
        <foreach name="videoCategoryList" item="vo">
        <!--{$vo.name}-->
        <div class="mgt37 xsmgt10">
            <div class="container">
                <div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span
                            class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">{$vo.name}</span>{$vo.en_name}<a href="/video/{$vo.term_id}.html"
                                                                                              class="btn-a dinb pull-right">查看更多</a>
                    </div>
                </div>
                <div class="row xsmgt10">
                    <php>$hotVideos = get_where_list('video',array('cid' => $vo['term_id'],'recommended'=>1),8,'hits desc,');</php>
                    <foreach name="hotVideos" item="vo">
                        <php>$pic = json_decode($vo['smeta'],true);</php>
                        <div class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3">
                            <div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                                <div class="k3-1 rel">
                                    <a href="/video/detail/{$vo.id}.html" target="_blank">
                                        <img src="{:sp_get_asset_upload_path($pic['thumb'])}" alt="{$vo.title}">
                                    </a>
                                    <div class="abs k3-1a"><img class="w9" src="/statics/images/3.png" alt=""></div>
                                    <div class="abs k3-1b">{$vo.length}</div>
                                </div>
                                <div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
                                    <p class="cor4">
                                        <a href="/video/detail/{$vo.id}.html" target="_blank">{$vo.title}</a></p>
                                    </p>
                                    <div class="mgt15 xsmgt10">
                                        <neq name="vo.tag" value="">
                                            <php>$tagArr = explode(',',$vo['tag']);</php>
                                            <foreach name="tagArr" item="vo">
                                                <a href="/video/tag/{$vo}" class="dinb k3-2a fs12 cor6 btnn" style="margin-right: 5px;">{$vo}</a>
                                            </foreach>
                                        </neq>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </foreach>
                </div>
            </div>
        </div>
        <!--{$vo.name}END-->
        </foreach>

        <!--策划案例-->
        <div class="mgt37 xsmgt10">
            <div class="container">
                <div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">策划案例</span>Planning Case<a href="/list/4.html" class="btn-a dinb pull-right hov8">查看更多</a></div>
                </div>
                <div class="row xsmgt10">
                    <php>$hotNews = get_where_list('article',array('cid' => 4,'recommended'=>1),8,'created_time desc,');</php>
                    <foreach name="hotNews" item="vo">
                        <php>$pic = json_decode($vo['smeta'],true);</php>
                    <a href="/list/detail/{$vo.id}.html" class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3 k33">
                        <div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                            <div class="k3-1 rel ovh">
                                <img class="time05" src="{:sp_get_asset_upload_path($pic['thumb'])}" alt="">
                            </div>
                            <div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
                                <p class="cor4">{$vo.title}</p>
                                <div class="pdt15 xspdt10">
                                    <p class="fs12 cor6 lh24">{$vo.description}</p>
                                    <p class="mgt20 xsmgt10"><img class="k5-2 time07" src="/statics/images/6-4.png" alt=""></p>
                                </div>
                            </div>
                        </div>
                    </a>
                    </foreach>
                </div>
            </div>
        </div>
        <!--策划案例END-->

        <!--平面广告-->
        <div class="mgt37 xsmgt10">
            <div class="container">
                <div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fs12 cor8 h20 lh20"><span class="fs24 mdf20 smf18 xsf16 cor4 mgr10 sp1">平面广告</span>Print Advertisement<a href="/list/5.html" class="btn-a dinb pull-right hov8">查看更多</a></div>
                </div>
                <div class="row xsmgt10">
                    <php>$hotNews = get_where_list('article',array('cid' => 5,'recommended'=>1),8,'created_time desc,');</php>
                    <foreach name="hotNews" item="vo">
                        <php>$pic = json_decode($vo['smeta'],true);</php>
                        <a href="/list/detail/{$vo.id}.html" class="db col-xs-12 col-sm-3 col-md-3 col-lg-3 pdl10 pdr10 mgt23 xsmgt10 k3 k33">
                            <div aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                                <div class="k3-1 rel ovh">
                                    <img class="time05" src="{:sp_get_asset_upload_path($pic['thumb'])}" alt="">
                                </div>
                                <div class="k3-2 pdt20 pdb15 pdl10 pdr10 xspdt10 xspdb10">
                                    <p class="cor4" style="height: 20px; overflow: hidden">{$vo.title}</p>
                                    <div class="pdt15 xspdt10">
                                        <p class="fs12 cor6 lh24" style="height: 48px; overflow: hidden">{$vo.description}</p>
                                        <p class="mgt20 xsmgt10"><img class="k5-2 time07" src="/statics/images/6-4.png" alt=""></p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </foreach>
                </div>
            </div>
        </div>
        <!--平面广告END-->

        <!--我要拍片-->
        <div class="k4 pdt112 pdb100 xspdt30 xspdb30 mgt37 xsmgt30">
            <div class="container">
                <div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
                        <div class="fs30 mdf24 smf20 xsf16 corw"><img class="w37 mgr15" src="/statics/images/5-1.png" alt="">联系我们</div>
                        <p class="mgt30 xsmgt10 corw">请您留下需求信息，我们将主动给予联络</p>
                    </div>
                </div>
                <div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
                    <form action="{:leuu('feedback/post')}" method="post" id="feedback_form">
                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 mgt55 xsmgt20">
                            <input id="tname" class="db ww h52 lh52 corw fs14 borw pdl15" name="name"  type="text" placeholder="请输入您的称呼（必填）">
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 mgt55 xsmgt20">
                            <input id="mobile" class="db ww h52 lh52 corw fs14 borw pdl15" name="tel"  type="tel" placeholder="请输入您的电话（必填">
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 mgt55 xsmgt20">
                            <input id="company" class="db ww h52 lh52 corw fs14 borw pdl15" name="company" type="text" placeholder="请输入您的公司">
                        </div>

                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 mgt45 xsmgt20 col-xs-offset-0 col-sm-offset-4 col-md-offset-4 col-lg-offset-4">
                            <input id="submit" style="cursor: pointer;" class="db ww h52 lh52 corw fs18 bgFF7116 pdl15 red_button" type="button" value="确定提交">
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!--我要拍片END-->
        <script src="/statics/js/jquery.form.js"></script>
        <script>
            $('#submit').click(function(){
                var url = $("#demand_form").attr('action')
                var tname=$("#tname").val();
                if(tname==''){
                    alert('称呼不能为空！');
                    return false;
                }

                var mobile=$("#mobile").val();
                var mobile_regex = /^1[3,5,6,7,8,9]\d{9}$/;
                if (!mobile_regex.test(mobile)) {
                    alert('请输入11位手机号码！');
                    return false;
                }
                $("#feedback_form").ajaxSubmit({
                    url:url,
                    type: "POST",
                    dataType: "json",
                    success:function(data){
                        if(data.status === '0'){
                            alert(data.info);
                        }else{
                            alert(data.info);
                            location.reload();
                            //$(".verify_img").trigger('click');
                        }
                    },
                    error:function () {
                        alert('网络异常');
                    }
                });
            });
        </script>
        <tc_include file="Public:footer"/>
    </div>
    <!--wrap End-->
</body>
</html>